﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="divTest.aspx.cs" Inherits="Web.divTest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <style>
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 1px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   <p>
<a href = "#" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">点击这里打开窗口</a></p>
<div id="light" class="white_content">这里显示层 
<a href = "#" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">确定</a></div>
<div id="fade" class="black_overlay"></div>
    </div>
    </form>
</body>
</html>
